<template>
  <div id="Container">

     <div id="headBox">
      <div><h3><img src="../assets/icon.png">企业管理与综合服务平台V1.0 -  政府端</h3></div>
      <div id="headBox1">
        <div >
          <span>您好！</span>
          <el-icon><User /></el-icon>
          <span style="color:#0099FF">超管专用机构</span>
        </div>
        <div>
          <span style="color:red">退出</span>
        </div>
      </div>
     </div>
     <!--导航栏-->
     ///
     <div id="badyBox" >

        <el-row class="tac">
    <el-col :span="12">
      <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        @open="handleOpen"
        @close="handleClose"
      >
        
        <el-menu-item index="1">
          <el-icon><icon-menu /></el-icon>
          <span>工作台</span>
        </el-menu-item>
        
        <el-sub-menu index="2">
          <template #title>
            <el-icon><location /></el-icon>
            <span>企业审批管理</span>
          </template>
            <el-menu-item index="2-1">企业审批清单</el-menu-item>
            <el-menu-item index="2-2">审批督办管理</el-menu-item>
            <el-menu-item index="2-3">审批审核管理</el-menu-item>
            <el-menu-item index="2-4">审批评价管理</el-menu-item>
            <el-menu-item index="2-5">企业审批历史</el-menu-item>
            <el-menu-item index="2-6">审批工作统计</el-menu-item>
            <el-menu-item index="2-7">审批工作报表</el-menu-item>
        </el-sub-menu>

        <el-sub-menu index="3">
          <template #title>
            <el-icon><location /></el-icon>
            <span>企业问题管理</span>
          </template>
            <el-menu-item index="3-1">企业问题清单</el-menu-item>
            <el-menu-item index="3-2">问题督办管理</el-menu-item>
            <el-menu-item index="3-3">问题审核管理</el-menu-item>
            <el-menu-item index="3-4">问题评价管理</el-menu-item>
            <el-menu-item index="3-5">企业问题历史</el-menu-item>
            <el-menu-item index="3-6">处理问题统计</el-menu-item>
            <el-menu-item index="3-7">处理问题报表</el-menu-item>
        </el-sub-menu>

        <el-sub-menu index="4">
          <template #title>
            <el-icon><location /></el-icon>
            <span>服务管理</span>
          </template>
            <el-menu-item index="4-1">组织机构订制</el-menu-item>
            <el-menu-item index="4-2">审批类型订制</el-menu-item>
            <el-menu-item index="4-3">问题类型订制</el-menu-item>
            <el-menu-item index="4-4">办理节点订制</el-menu-item>
            <el-menu-item index="4-5">办理流程订制</el-menu-item>
            <el-menu-item index="4-6">流程启动订制</el-menu-item>
        </el-sub-menu>

        <el-sub-menu index="5">
          <template #title>
            <el-icon><location /></el-icon>
            <span>企业用户管理</span>
          </template>
            <el-menu-item index="5-1">企业基本信息管理</el-menu-item>
            <el-menu-item index="5-2">企业经营信息管理</el-menu-item>
            <el-menu-item index="5-3">企业账户管理</el-menu-item>
        </el-sub-menu>

        <el-sub-menu index="6">
          <template #title>
            <el-icon><location /></el-icon>
            <span>行业画像</span>
          </template>
            <el-menu-item index="6-1">行业画像</el-menu-item>
            <el-menu-item index="6-2">行业报表</el-menu-item>
        </el-sub-menu>

        <el-sub-menu index="7">
          <template #title>
            <el-icon><location /></el-icon>
            <span>企业画像</span>
          </template>
            <el-menu-item index="7-1">企业画像</el-menu-item>
            <el-menu-item index="7-2">企业报表</el-menu-item>
        </el-sub-menu>

        <el-sub-menu index="8">
          <template #title>
            <el-icon><location /></el-icon>
            <span>参与度统计</span>
          </template>
            <el-menu-item index="8-1">企业参与度统计</el-menu-item>
            <el-menu-item index="8-2">企业参与度统计</el-menu-item>
        </el-sub-menu>

        <el-menu-item index="10">
          <el-icon><icon-menu /></el-icon>
          <span>消息中心</span>
        </el-menu-item>
      </el-menu>
    </el-col>
  </el-row>
     </div>
  </div>
</template>

  
<script>

  
</script>




<style scoped>
#headBox{
  height: 60px;
  width: 100%;
  display: flex;
  justify-content: space-between
}
#badyBox{
  width: 400px;
}
#headBox1{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  width: 300px;
}
h3{
      font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: #0099FF;
}
</style>
